<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 页眉 -->
    <header>
        <a href="">
            <!-- header左上图片 -->
            <img src="./images/SZU-logo.svg" alt="">
            <img src="./images/logo_collage.svg" alt="">
        </a>
        <p>深圳大学计算机软件学院</p>
        <p>College of Computer Science and Software Engineering, SZU</p>

        <!-- header导航栏 -->
        <nav>
            <a href="#">
                <img src="./images/school_logo copy.svg" alt="">
                深圳大学
            </a>
            <a href="#">
                <img src="./images/lobby-icon.png" alt="">
                办事大厅
            </a>
            <a href="#">
                <img src="./images/OA-icon.png" alt="">
                OA
            </a>
            <a href="#">
                <img src="./images/link-icon.svg" alt="">
                会议室预订
            </a>
            <a href="#">
                <img src="./images/lang-icon.png" alt="">
                English
            </a>
            <img src="./images/search-icon.svg" alt="">
        </nav>

        <!-- 导航栏 -->
        <nav>
            <a href="#">首页</a>
            <p>学院概况</p>
            <ul>
                <li><a href="#">学院简介</a></li>
                <li><a href="#">院长寄语</a></li>
                <li><a href="#">发展沿革</a></li>
                <li><a href="#">现任领导</a></li>
                <li><a href="#">学院标识</a></li>
            </ul>
            <p>机构设置</p>
            <ul>
                <li>
                    <a href="#">研究所/中心</a>
                    <ul>
                        <li><a href="#">高性能计算研究所</a></li>
                        <li><a href="#">大数据技术与应用研究所</a></li>
                        <li><a href="#">未来媒体技术与计算研究所</a></li>
                        <li><a href="#">网络与信息安全研究所</a></li>
                        <li><a href="#">计算机视觉研究所</a></li>
                        <li><a href="#">可视计算研究中心</a></li>
                        <li><a href="#">智能服务计算研究中心</a></li>
                        <li><a href="#">智能技术与系统集成研究所</a></li>
                        <li><a href="#">软件工程研究中心</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">教学系</a>
                    <ul>
                        <li><a href="#">计算机科学与技术系</a></li>
                        <li><a href="#">软件工程系</a></li>
                        <li><a href="#">人工智能系</a></li>
                    </ul>
                </li>
                <li><a href="#">行政办公室</a></li>
                <li><a href="#">实验中心</a></li>
                <li><a href="#">期刊编辑部</a></li>
                <li><a href="#">国家工程实验室</a></li>
            </ul>
            <p>师资队伍</p>
            <ul>
                <li><a href="#">高层次人才</a></li>
                <li><a href="#">教授</a></li>
                <li><a href="#">副教授</a></li>
                <li><a href="#">讲师</a></li>
                <li><a href="#">助理教授</a></li>
                <li><a href="#">专职研究人员</a></li>
                <li><a href="#">博士后</a></li>
            </ul>
            <a href="#">科研成果</a>
            <p>精品课程</p>
            <ul>
                <li><a href="#">计算机前沿技术2024</a></li>
                <li><a href="#">计算机前沿技术2023</a></li>
                <li><a href="#">计算机前沿技术2022</a></li>
            </ul>
            <p>招生招聘</p>
            <ul>
                <li><a href="#">计软学子</a></li>
                <li><a href="#">本科招生</a></li>
                <li><a href="#">硕士招生</a></li>
                <li><a href="#">博士招生</a></li>
                <li><a href="#">成考招生</a></li>
                <li><a href="#">自考招生</a></li>
                <li><a href="#">人才招聘</a></li>
            </ul>
            <p>国际合作</p>
            <ul>
                <li><a href="#">合作伙伴</a></li>
                <li><a href="#">联合培养</a></li>
                <li><a href="#">科研合作</a></li>
                <li><a href="#">学术交流</a></li>
            </ul>
            <p>新闻公告</p>
            <p>党群工作</p>
            <ul>
                <li><a href="#">组织概况</a></li>
                <li><a href="#">规章制度</a></li>
                <li><a href="#">党建活动</a></li>
                <li><a href="#">学“习”园地</a></li>
            </ul>
        </nav>
    </header>

    <!-- 主体部分 -->
    <main>
        <!-- 顶部图片 -->
        <section>
            <img src="./images/banner notice.png" alt="">
        </section>

        <!-- 侧边导航栏 -->
        <!-- 左边 -->
        <aside>
            <nav>
                <ul>
                    <li>
                        <!-- 标题 -->
                        <p>新闻报道</p>
                        <ul>
                            <li><a href="#">捷报频传</a></li>
                            <li><a href="#">科研动态</a></li>
                            <li><a href="#">合作交流</a></li>
                            <li><a href="#">学生工作</a></li>
                            <li><a href="#">党务行政</a></li>
                        </ul>
                    </li>
                    <li>
                        <!-- 标题 -->
                        <p>通知公告</p>
                        <ul>
                            <li><a href="#">学术讲座</a></li>
                            <li><a href="#">教务教学</a></li>
                        </ul>
                    </li>
                </ul>
            </nav>
        </aside>

        <!-- 右边 -->
        <section>
            <!-- 标题 -->
            <p>学术讲座</p>
            <ul>
                <li>
                    <p>
                        <a href="#">
                            <span>● </span>
                            <span>第三届图像处理、计算机视觉与机器学习国际学术会议（ICICML 2024）会议通知</span>
                            <span>" "</span>
                            <time>2024/07/17</time>
                        </a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="#">
                            <span>● </span>
                            <span>讲座 | From ChatGPT to ProcessGPT: GenAI for Process Management</span>
                            <span>" "</span>
                            <time>2024/07/09</time>
                        </a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="#">
                            <span>● </span>
                            <span>讲座 | Learning from Biased and Selfish Human</span>
                            <span>" "</span>
                            <time>2024/06/19</time>
                        </a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="#">
                            <span>● </span>
                            <span>讲座 | Visual Analytics for Cryptocurrency Fraud Detection</span>
                            <span>" "</span>
                            <time>2024/06/12</time>
                        </a>
                    </p>
                </li>
                <li>
                    <p>
                        <a href="#">
                            <span>● </span>
                            <span>讲座 | 生成式人工智能的伦理思考</span>
                            <span>" "</span>
                            <time>2024/06/07</time>
                        </a>
                    </p>

                </li>
                <li>
                    <p>
                        <a href="#">
                            <span>● </span>
                            <span>讲座 | 高效神经网络架构搜索</span>
                            <span>" "</span>
                            <time>2024/06/03</time>
                        </a>
                    </p>

                </li>
                <li>
                    <p>
                        <a href="#">
                            <span>● </span>
                            <span>讲座 | Taming Swipe Uncertainty for Robust Short Video Streaming</span>
                            <span>"讲座 | Taming Swipe Uncertainty for Robust Short Video Streaming"</span>
                            <time>2024/05/30</time>
                        </a>
                    </p>

                </li>
                <li>
                    <p>
                        <a href="#">
                            <span>● </span>
                            <span>讲座 | 新型机器学习神经元模型的探索</span>
                            <span>" "</span>
                            <time>2023/12/19</time>
                        </a>
                    </p>

                </li>
                <li>
                    <p>
                        <a href="#">
                            <span>● </span>
                            <span>讲座 | 边缘数据管理：边缘问题边缘解决</span>
                            <span>" "</span>
                            <time>2023/12/18</time>
                        </a>
                    </p>

                </li>
                <li>
                    <p>
                        <a href="#">
                            <span>● </span>
                            <span>讲座 | 2024年国家自然科学基金申报动员辅导会</span>
                            <span>" "</span>
                            <time>2023/12/11</time>
                        </a>
                    </p>

                </li>
                <li>
                    <p>
                        <a href="#">
                            <span>● </span>
                            <span>40周年校庆特邀讲座 | 分布式边缘学习研究现状与进展</span>
                            <span>" "</span>
                            <time>2023/11/25</time>
                        </a>
                    </p>

                </li>
                <li>
                    <p>
                        <a href="#">
                            <span>● </span>
                            <span>40周年校庆特邀讲座 | 感知-通信-传能一体化的多功能无线网络</span>
                            <span>" "</span>
                            <time>2023/11/21</time>
                        </a>
                    </p>

                </li>
                <li>
                    <p>
                        <a href="#">
                            <span>● </span>
                            <span>如何写好国家自然科学基金申报书</span>
                            <span>" "</span>
                            <time>2023/11/09</time>
                        </a>
                    </p>

                </li>
                <li>
                    <p>
                        <a href="#">
                            <span>● </span>
                            <span>40周年校庆特邀讲座 | RF Engineering for Sensing and Communications</span>
                            <span>" "</span>
                            <time>2023/11/04</time>
                        </a>
                    </p>

                </li>
                <li>
                    <p>
                        <a href="#">
                            <span>● </span>
                            <span>2023年深圳大学计算机与软件学院海内外青年科学家云论坛-人工智能与网络系统</span>
                            <span>" "</span>
                            <time>2023/10/15</time>
                        </a>
                    </p>

                </li>
            </ul>
        </section>

        <!-- 换页 -->
        <section>
            <span>首页</span>
            <span>&lt;&lt;上一页</span>
            <span>下一页&gt;&gt;</span>
            <span>尾页</span>
            <i>页码 1/10</i>
            <i>跳转到</i>
            <input type="number">
            <i>页</i>
        </section>
    </main>

    <!-- 页脚 -->
    <footer>
        <!-- LIKES -->
        <section>
            <p>LIKES</p>
            <hr>
            <ul>
                <li>
                    <a href="#">
                        <img src="./images/footer_logo_school.svg" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/BD.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <P>省实验室</P>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <p>实验中心</p>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/tencent-logo.png" alt="">
                    </a>
                </li>
                <li>
                    <a href="#">
                        <img src="./images/huawei-logo.png" alt="">
                    </a>
                </li>
            </ul>
        </section>
        <!-- CONTACT us -->
        <section>
            <p>CONTACT US</p>
            <hr>
            <ul>
                <li>
                    <img src="./images/ress-icon.png" alt="">
                    <p>ADDRESS</p>
                    <address>
                        广东省深圳市南山区深圳大学沧海校区致腾楼计算机与软件学院
                        邮编518060</address>
                </li>
                <li>
                    <img src="./images/phone-icon.png" alt="">
                    <p>Tel & FAX</p>
                    <p>+86 0755 26534078</p>
                </li>
                <li>
                    <img src="./images/emali-icon.png" alt="">
                    <p>E-mali</p>
                    <p>csse@szu.edu.cn</p>
                </li>
            </ul>
        </section>
        <!-- SUBSCRIPTION TO WECHAT OFFICIAL ACCOUNTS -->
        <section>
            <p>SUBSCRIPTION TO WECHAT OFFICIAL ACCOUNTS</p>
            <hr>
            <ul>
                <li>
                    <p>CSSE</p>
                    <img src="./images/csse.png" alt="">
                    <p>计软公众号</p>
                </li>
                <li>
                    <p>SZU</p>
                    <img src="./images/szu.png" alt="">
                    <p>深圳大学</p>
                </li>
            </ul>
        </section>
        <!-- footer_bottom -->
        <section>
            <ul>
                <li>
                    <a href="#">粤ICP备11018045号</a>
                </li>
                <li>
                    <img src="./images/ga_img.png" alt="">
                    <a href="#">粤公网安备44030502007936号</a>
                </li>
                <li>
                    <p>Copyright © 2021 深圳大学 计算机与软件学院
                    </p>
                    <a href="#">深圳市电脑学会</a>
                </li>
            </ul>
            <!-- 返回顶部 -->
            <span>TOP</span>
        </section>
    </footer>
</body>

</html>